<template>
  <div class="sm-receiveSorting">
    <TableTitle>
      <slot>
        <p>
          扫码操作
        </p>
      </slot>
    </TableTitle>
    <TopSearch ref="topSmRs">
      <slot>
         <li>
        <el-button size="mini" type="primary" @click="gzbOut">工作包出库</el-button>
      </li>
      <li>
        <el-button size="mini" type="primary">分拣</el-button>
      </li>
      <li>
        <el-button size="mini" type="success">回库</el-button>
      </li>
      </slot>
    </TopSearch>
    <TableTitle>
      <slot>
        <p>
          上表
        </p>
      </slot>
    </TableTitle>
    <TopTable></TopTable>
  </div>
</template>
<script>
import TopSearch from "../../../../components/TopSearch.vue";
import TableTitle from "../../../../components/TableTitle.vue";
import TopTable from "./components/TopTable.vue"
export default {
  name: "ReceiveSorting",
  components: {
    TopSearch,
    TopTable,
    TableTitle
  },
  data(){
    return{

    }
  },
  methods:{
    // 工作包出库
    gzbOut(){
      // 扫码框聚焦
      this.$refs.topSmRs.openScan()
    }
  }
};
</script>
<style scoped>
.el-button--success {
  background: #29bacd;
  border-color: #29bacd;
}
.el-button--success:hover {
  background: #23abbd;
  border-color: #23abbd;
}
</style>